<template>
    <div>
        <div class="w100 haed bbg pr">
            <img @click="getBack" class="fl hpd pa" style="height: 40rem;left: 20rem;top: 7rem;" src="../../assets/img/back.png">
            <p class="fz37 cfff hpd tc">活动详情</p>
        </div>
        <main class="pr brs">
            <div>
                <p>标题：</p>
                <span>{{obj.title}}</span>
            </div>
            <div>
                <p>发布人：</p>
                <span>{{obj.principal}}</span>
            </div>
            <div>
                <p>发布时间：</p>
                <span>{{obj.releaseTime}}</span>
            </div>
            <div>
                <p>审核状态：</p>
                <span>{{obj.audit}}</span>
            </div>
            <div>
                <p>审核时间：</p>
                <span>{{obj.explainDate}}</span>
            </div>
            <div>
                <p>审核说明：</p>
                <span>{{obj.explain}}</span>
            </div>
        </main>
        <div class="box brs pb40">
            <div>
                <p>发布内容：</p>
                <p>{{obj.content}}</p>
            </div>
            <div>
                <p style="line-height: 26rem;">图片：</p>
                <p style="width: 297rem;height: 197rem;">
                    <el-image :src="imgUrl" fit="cover"></el-image>
                </p>
            </div>
        </div>
    </div>
</template>

<script>
export default{
    data(){
        return{
            imgUrl:require("../../assets/img/activity/activity.png"),
            obj:{}
        }
    },
    mounted(){
        //  接收参数
        this.obj = this.$route.query.el;
        // console.log(this.$route.query.el);
    },
    methods:{
        //  后退
        getBack(){
            this.$router.back();
        }
    }
}
</script>

<style scoped>

.w185{width: 185rem;}
.p20{padding: 20rem 0rem !important;} 
main{margin-top: -292rem;}
main,.box{background-color: #fff;font-size: 26rem;padding: 30rem 30rem 0;line-height: 26rem;box-sizing: border-box;margin-bottom: 20rem;margin-left: 20rem;margin-right: 20rem;}
main{height: 540rem;}

main div{display: flex;justify-content: start;margin-bottom: 60rem;}
main div:last-child,.box div:last-child{margin-bottom: 0;}
main div p,.box div p:first-child{width: 168rem;flex-shrink:0;color: #000;}
main div span,.box div p:last-child{color: #333;}
.box div p:first-child{line-height: 50rem;}
.box div{display: flex;justify-content: start;margin-bottom: 20rem;}
.box div p:last-child{font-size: 24rem;line-height: 50rem;}
.box div p:last-child el-image{width: 297rem;height: 197rem;}
</style>     